Top 19 New And Fresh Mega Menu CSS Showcase For Your Website

1. Shifty Nav - a Fully Responsive JS CSS3 Mega Menu

featured image

Shifty Nav is a fully responsive CSS3 mega menu. To change the color of the entire menu requires a simple changing of a few pre-defined variables, so there’s not extensive digging through the code!

This menu supports whatever kind of content you throw at it, and includes a full tutorial on how to build the markup for your own menu if you don’t want to modify the pre-existing file.Completely customizable menu layout

More Details

2. CSS3 Menu

CSS3 Menu

CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forw

ard and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.

You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation.

More Details

3. 3d Mega Menu for Bootstrap

featured image

Responsive 3D Mega Drop Down Menu (latest ver 1.Responsive 3D Mega drop menu code Menu is a flexible and high customizable to build your custom menus. In addition to you can set up the wordpress custom menu item drop down by clicking or hovering. Click/hover behavior choice on the CSS mega menu options page

Fly-out Menu with Unlimited Sublevels

Valid XHTML / CSS 3 markup

This menu has been tested (and works !) in all the following browsers :

More Details

4. Vertical CSS3 Menu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9 and 8, but animation and some other CSS3 features do not work.Now Menu is Responsive

Added Mega Menu

More Details

5. Universal Responsive Mega Menu

featured image

This menu is the result of a combination of my best works on Codecanyon : I’ve put together a flexible mega menu system that can hold 12 sizes of drop downs, unlimited fly-out elements combined with a jQuery script to enhance the whole system. It can be used as a sticky footer HTML5 CSS3 (with mega “drop-ups”) using the exact same markup as the “standard” mega menu. Customizing the menu require some basic knowledge of CSS and you can change the look of every part of the menu : the fonts, the colors, the sizes, etc.Header and Footer Mega Menus

Fully Responsive Menu

Standard Top Menu

Sticky (or fixed) Top Menu

The package contains 2 folders : “Responsive” and “Non-Responsive” so the menu is ready to be included on any type of website. For each version of the menu, responsive and non-responsive, you have 6 HTML files with various examples of what you can do with the menu, from a simple navigation bar without drop downs to a combination of 2 mega menus on a same page. This menu has been tested on many devices and browsers to ensure a maximum compatibility : Internet Explorer, Firefox, Chrome, Opera, Safari have successfully passed the tests.The whole menu relies mainly on CSS, it means that if Javascript is disabled, most of the menu will work. Be sure to test the demo with different browsers or devices to make sure that the menu meets your requirements.I try to regularly update my products based on the feedback I receive, so if you find any kind of bug, I’ll do my best to update the menu as soon as possible. I’ve also created a website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.

More Details

6. Kodda - Responsive WordPress Mega Menu

featured image

WP menu. I love the new Kodda menu! It completely changed the look and feel of my website and the upgraded control panel could not be better! iclickandhost.the best contact form menu, it also works in multisite over its developer and very friendly and helpful, I recommend toutunservice.Thank you for helping me quickly to install the menu.I bought another menu before but it was too complex to resolve -

Your menu is very well done and easy to adjust

Tout fonctionne !!! Je vous remercie pour m’avoir aidé pour l’installation du Menu .J’avais acheté un autre menu avant mais il était trop complexe à régler – Votre menu est très bien fait et rapide à régler.Ability to add background images to menu & submenus

Font awesome icons for ( arrows , search & responsive menu )

Ability to change the size and color of the arrows , search & responsive menu Icons !

You can add different menu types

Anything you added to a Menu Type [ Text/HTML ] ,

- Kodda Menu : Fixed re-size & sticky menu issues

- Kodda Menu : CSS & Responsive Enhancements

- Kodda Menu : * Menu Position ( General Style Tab ) replaced by

"Enable Sticky Menu ( Settings Tab )"

- Fixed CSS Conflict . - Ability to add background images to menu & submenus

- Font awesome icons for ( arrows , search & responsive menu )

- CSS Enhancements . - The menu now , use the wordpress jQuery contact form version only

- Improved css

More Details

7. TAKO Vertical Responsive Dropdown Menu

featured image

This it’s a menu with 3 columns of pages with a very good design and color combinations and its compatible with mobile devices! Its very efficient for people who want a wordpress theme gallery menu with modern design.- We added the Mega-Menu design with the posibility to add forms, images and video in the dropdown!

- Also we added 360+ vector icons to put them in your menu items!

Easy to add new menu items

Mega-Menu Content:

- Mega-menu Content (complete forms, images, video and more!)

More Details

8. Elusive CSS3 Mega Menu

featured image

Elusive CSS3 Mega Menu

A Pure HTML5/CCS3 Mega JavaScript animated navigation menu that fits well with any website or webpage. There are many key features which make this menu look extremely simplistic, yet very complex.Only two main files needed, a HTML CSS tabs and an HTML file. There are only two changes to be made to change the colour scheme within the CSS file.

More Details

9. MashMenu - Wordpress Easy Mega Menu Plugin

featured image

With this plugin, your site has a beautiful menu designed by Mashable with a flexible customization ability. Add: option to remove custom CSS

Add sidebar & widgets to menu

2 sub-menu style (Preview mode & ItemList mode)

More Details

10. Mono - Responsive Bootstrap Fixed Mega Menu

featured image

Mono – Responsive Bootstrap Fixed Mega Menu V.It is a mega / normal bootstrap fixed mega menu. the main purpose of the creation of the menu is for blog web sites.Responsive mega / normal menu

Responsive mega / normal menu

More Details

11. Neptune - Dropdown Menu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work. Video Preview on YouTube (Watch in HD)Collection of my Classic/Mega Menus

More Details

12. Animated CSS3 Mega Menu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. On mobile and tablet devices, only the first level of the classic drop-down menu is visible. Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work. Video Preview on YouTube (Watch in HD)Collection of my Classic/Mega Menus

All images used in the preview are just for demonstration purposes and not included in the Menu.

More Details

13. Responsive Mega Menu

featured image

Responsive Mega Menu is an item that is ready for retina displays.

More Details

14. Aram - Responsive Mega Menu

featured image

Aram – Responsive Mega DropDown Menu V2. If you like Aram Responsive Menu, please don’t forget to rate…

css and basic.css and insert reset.css

Negar – Responsive Animated Menu

More Details

15. Pure CSS3 Mega Menu

featured image

Pure CSS3 Mega Menu is a clean, fully customizable, responsive solution for creation site navigations. The drop down relies only on CSS/XHTML and comes with customization wizard, unlimited colors, 50 google fonts, 3 forms (search, login and contacts), grid system and much more.If you liked Mega Menu, please don’t forget to rate it!

Thanks… great menu and thanks for your help… Was fast response too!sarahpoulain

The menu is amazing, loving all the features.Customization wizard without CSS code editing!

Added possibility to change menu height.

More Details

16. Negar - Responsive Vertical And Horizontal Menu

featured image

NEGAR – Responsive Animated Menu V2. Every Menu, An Animated Effect

EACH STYLE INCLUDES TWO HORIZONTAL MENU AND TWO VERTICAL MENU

Added Tow Vertical Menu (Left And Right Position) For Each Style

Added Two Horizontal Menu (Header And Footer) For Each Style

Aram – Responsive Mega DropDown Menu V2.

More Details

17. Vertical Elan - Responsive CSS3 Vertical Menu

featured image

CSS3 mega drop down responsive menu for your web site. Menu has 5 columns grid and work on all major browsers.

More Details

18. Sky Mega Menu

featured image

Sky Mega Menu is a clean, responsive solution for creation beautiful site navigations. The drop down relies only on CSS/XHTML and comes with 3 mobile versions, different positions, 9 beautiful color schemes, commonly used forms, grid system and much more.If you like Sky Mega Menu, please don’t forget to rate!

Different color schemesEach color scheme has it’s own css file, that can be easily modified for creation your own colors.I was having troubles with the menu due to my stupidness and Voky sat with me for almost the entire night fixing my problem.

More Details

19. Vertu - Simple Mega Menu

featured image

Vertu – Simple Mega Menu is simple and easy mega menu with many functions.Metro Style Menu

4 levels drop down horizontal menu

Multi-Functional Menu

Easy to change structure via CSS

Simple menu construction

More Details

20. Argus - Mega Menu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. On mobile and tablet devices, only the first level of the classic drop-down menu is visible. Menu also comes in two variants (Centered and Full Width). Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work. Video Preview on YouTube (Watch in HD)Collection of my Classic/Mega Menus

All images used in the preview are just for demonstration purposes and not included in the Menu.

More Details